میدانیم که گاهی کوچکترین جزئیات، بزرگترین تاثیر را در تجربه کاربری (UX) و فروش سایت دارند. دکمه "افزودن به سبد خرید" ویترین نهایی محصول شماست. اما آیا همیشه یک متن ثابت برای تمام شرایط (مثل محصولات پیشخرید یا ناموجود) کافی است؟ قطعاً خیر.
مبانی تئوری و تعاریف
در دنیای ووکامرس، دکمه خرید فقط یک المان ساده نیست، بلکه تابعی از وضعیت موجودی و نوع محصول است.
تعریف هوک (Hook) در وردپرس: طبق مستندات رسمی توسعهدهندگان وردپرس، هوکها ابزارهایی هستند که به شما اجازه میدهند بدون دستکاری در فایلهای هسته، رفتار وردپرس یا افزونهها را تغییر دهید. این هوکها به دو دسته اکشن (Action) و فیلتر (Filter) تقسیم میشوند.
برای تغییر متن دکمه خرید، ما از فیلتر woocommerce_product_add_to_cart_text استفاده میکنیم که به ما اجازه میدهد خروجی متنی دکمه را بر اساس شرایط مختلف بازنویسی کنیم.
پیادهسازی فنی (قلب تپنده مقاله)
برای اینکه بتوانیم متن دکمه را در شرایط مختلف تغییر دهیم، باید از قطعه کدهای PHP در فایل functions.php قالب خود استفاده کنیم.
۱. تغییر متن دکمه برای محصولات ناموجود
وقتی محصولی تمام میشود، عبارت "اطلاعات بیشتر" یا "ناموجود" به صورت پیشفرض نمایش داده میشود. اما میتوانیم آن را به "اطلاعرسانی هنگام موجود شدن" تغییر دهیم.
۲. تغییر متن برای محصولات پیشخرید
اگر محصولی هنوز عرضه نشده، عبارت "پیشخرید کنید" بسیار ترغیبکنندهتر از "افزودن به سبد خرید" است.
// Change Add to Cart text based on product conditions
add_filter( 'woocommerce_product_add_to_cart_text', 'tosinso_custom_cart_button_text', 10, 2 );
function tosinso_custom_cart_button_text( $text, $product ) {
// Check if the product is out of stock
if ( ! $product->is_in_stock() ) {
return 'ناموجود - اطلاعرسانی کنید';
}
// Check for a specific tag or category for pre-orders
if ( has_term( 'pre-order', 'product_tag', $product->get_id() ) ) {
return 'پیشخرید این محصول';
}
// Default text for other items
return $text;
}
جمعبندی و نتیجهگیری
مدیریت هوشمندانه متون سایت، اعتماد مشتری را جلب میکند. همانطور که در آموزشهای ICDL و گرافیک همواره تاکید میکنیم، بصری بودن و گویا بودن المانها حرف اول را میزند. با چند خط کد ساده، میتوانید سایت وردپرسی خود را حرفهایتر نشان دهید.
نظرات کاربران (0)